import React, { Component } from 'react';
import { Text, StyleSheet } from 'react-native';
import color from '../common/Color';

const styles = StyleSheet.create({
	h0: {
		fontSize: 40,
		color: color.theme,
	},
	h1: {
		fontSize: 15,
		fontWeight: 'bold',
		color: '#222222',
	},
	h2: {
		fontSize: 14,
		color: '#222222',
	}
})

export function HeadingBig({style, ...props}) {
	return <Text style={[styles.h0, style]} {...pops} />;
}

export function Heading1({style, ...props}) {
	return <Text style={[styles.h1, style] {...props} />;
}

export function Heading2({style, ...props}) {
	return <Text style={[styles.h2, style]} {...props} />
}
